<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>Mobile first web app theme | first</title>
    <meta name="description" content="mobile first, app, web app, responsive, admin dashboard, flat, flat ui">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/daterangepicker.css" >



    <!--[if lt IE 9]>
    <script src="js/ie/respond.min.js"></script>
    <script src="js/ie/html5.js"></script>
    <![endif]-->
</head>
<body>

<section id="content">
    <section class="main padder">
        <div class="clearfix">
            <h4>收入报表</h4>
        </div>



        <section class="panel">
                <header class="panel-heading">
                    广告收入曲线
                </header>

                <div class="row">
                    <div class="col-lg-4 col-md-offset-2">
                        <label>请选择日期范围： </label>
                        <input type="text" name="daterange" value="01/01/2015 - 01/31/2015" />

                    </div>
                    <div class="col-lg-8 col-md-offset-2">
                        <label>请选择显示的广告位：</label>
                        <div class="btn-group">
                            <button data-toggle="dropdown" class="btn btn-small btn-white dropdown-toggle">
                                <span class="dropdown-label" data-placeholder="Please select">请选择</span>
                                <span class="caret"></span>
                            </button>

                            <ul id="selectAdSpace"  name="pid"  class="dropdown-menu dropdown-select">
                                <!--<li><a href="#" onclick="changeOption(this)"><input type="checkbox" value="1" name="check" >广告位1</a></li>-->
                                <!--<li><a href="#" onclick="changeOption(this)"><input type="checkbox" value="2" name="check" >广告位2</a></li>-->
                                <!--<li><a href="#" onclick="changeOption(this)"><input type="checkbox" value="3" name="check" >广告位3</a></li>-->
                                <!--<li><a href="#" onclick="changeOption(this)"><input type="checkbox" value="4" name="check" >广告位4</a></li>-->
                                <!--<li><a href="#" onclick="changeOption(this)"><input type="checkbox" value="5" name="check" >广告位5</a></li>-->
                            </ul>
                        </div>
                        <button class="btn-small btn-default" onclick="changeView(this)">确认</button>
                    </div>
                </div>
                <div class="line pull-in"></div>

                <div id="incomeChart" style="width: 100%;height: 400px;"></div>
            </section>

        <section class="panel">
            <header class="panel-heading">收入占比</header>
            <div class="text-center">
                <div id="portionChart" style="width: 100%;height: 200px">

                </div>
                <div class="line pull-in"></div>
                <div class="text-small">Check more data</div>
            </div>
        </section>


    </section>
</section>






<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/daterangepicker.js"></script>

<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/developer/incomeChart.js"></script>

</body>
</html>